@layer base {
  :root {
    --blur-intensity: 12px;
    --glass-opacity: 0.18;
    --background-image: none;
  }

  body {
    @apply bg-gradient-to-br from-blue-100 via-purple-200 via-blue-200 via-cyan-200 to-blue-300 bg-cover bg-fixed min-h-screen;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    background-image: var(--background-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .backdrop-glass {
    -webkit-backdrop-filter: blur(var(--blur-intensity)) saturate(180%);
    backdrop-filter: blur(var(--blur-intensity)) saturate(180%);
    background: rgba(59, 130, 246, var(--glass-opacity));
  }

  /* 主内容区域的毛玻璃效果 - 纯白色半透明 */
  .main-content-glass {
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  /* 背景设置菜单样式已移至组件内部 */
}